<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <script language="javascript" type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
    <div class="top">
        <img src="images/logo.png">
    </div>
    <ul class="nav">
        <div class="img-location"><img src="images/location.png"></div>
        <div class="ct">
            <div class="ct-now" id="ct-name">全国</div>
            <div class="ct-nav">&lt切换&gt</div>
            <div class="ct-link">
                <div class="ct-show"><span class="close-ct" title="关闭窗口">X</span><span class="ct-list">城市列表</span></div>
                <a class="ct-links" href="javascript:">全国</a>
                <a class="ct-links" href="javascript:">深圳</a>
                <a class="ct-links" href="javascript:">广州</a>
                <a class="ct-links" href="javascript:">东莞</a>
                <a class="ct-links" href="javascript:">汕头</a>
                <a class="ct-links" href="javascript:">珠海</a>
                <a class="ct-links" href="javascript:">佛山</a>
                <a class="ct-links" href="javascript:">福州</a>
                <a class="ct-links" href="javascript:">南京</a>
                <a class="ct-links" href="javascript:">苏州</a>
                <a class="ct-links" href="javascript:">武汉</a>
            </div>
        </div>
        <li class="nav-li"><a class="nav-a" href="#"><h4>首页</h4></a></li>
        <li class="nav-li"><a class="nav-a" href="#"><h4>资讯</h4></a></li>
        <li class="nav-li"><a class="nav-a" href="#"><h4>测评</h4></a></li>
        <li class="nav-li"><a class="nav-a" href="#"><h4>商城</h4></a></li>
        <div class="img-adm"><img src="images/adm.png"></div>
        <li class="nav-li"><a class="nav-a" href="#">个人中心</a></li>
    </ul>
    <div class="content">
        <ul class="catalog">
            <li class="catalog-li"><a class="catalog-a" href="#">首页</a></li>
            <li class="catalog-gt">&gt</li>
            <li class="catalog-li2"><a class="catalog-a" href="#">预防装修污染</a></li>
            <li class="catalog-gt">&gt</li>
            <li class="catalog-li"><a class="catalog-a" href="#">材料库</a></li>
        </ul>
        <div class="box">
            <dl>
                <dt>类别</dt>
                <dd>全部</dd>
                <dd>地板</dd>
                <dd>涂料</dd>
                <dd>墙纸</dd>
                <dd>瓷砖</dd>
                <dd>粘胶剂</dd>
                <dd>油漆</dd>
                <dd>家具</dd>
                <dd>板材</dd>
                <dd>饰品</dd>
                <img src="images/indexSelect.png">
            </dl>
            <dl>
                <dt>类型</dt>
                <dd>全部</dd>
            </dl>
            <dl>
                <dt>材质</dt>
                <dd>全部</dd>
                <dd>实木</dd>
                <dd>复合</dd>
                <dd>强化</dd>
                <dd>其他</dd>
            </dl>
            <dl>
                <dt>品牌</dt>
                <dd>全部</dd>
                <dd>圣象</dd>
                <dd>大自然</dd>
                <dd>生活家</dd>
                <dd>北美枫情</dd>
                <dd>德尔</dd>
                <dd>博典</dd>
                <dd>船王</dd>
            </dl>
        </div>
        <div class="menu">
            <div class="select">发布时间 <img src="images/downicon.png"></div>
            <div class="select">价格 <img src="images/upicon.png"></div>
            <div class="select">环保节能 <img src="images/upicon.png"></div>
            <div class="search-box">
                <input class="search" type="text">
                <button class="button-img"></button>
                <input class="search-button" type="button" value="搜索">
            </div>
            <img class="question" src="images/wenhao.png">
            <div class="know">了解居家医生建材环保评级标准</div>
        </div>
        <div>
            <div class="parent">
                <div  class="child">
                    <img class="data" src="images/data_image.png">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <P>木地板 - 复合地板</P>
                    <p>单价：128元/㎡</p>
                    <p class="grade"><span>环保评级：B</span>（可以使用）</p>
                </div>
                <div class="child">
                    <img class="data" src="images/data_image.png">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <P>木地板 - 复合地板</P>
                    <p>单价：128元/㎡</p>
                    <p class="grade"><span>环保评级：B</span>（可以使用）</p>
                </div>
                <div class="child">
                    <img class="data" src="images/data_image.png">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <P>木地板 - 复合地板</P>
                    <p>单价：128元/㎡</p>
                    <p class="grade"><span>环保评级：B</span>（可以使用）</p>
                </div>
                <div class="lastchild">
                    <img class="data" src="images/data_image.png">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <P>木地板 - 复合地板</P>
                    <p>单价：128元/㎡</p>
                    <p class="grade"><span>环保评级：B</span>（可以使用）</p>
                </div>
                <div class="child">
                    <img class="data" src="images/data_image.png">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <P>木地板 - 复合地板</P>
                    <p>单价：128元/㎡</p>
                    <p class="grade"><span>环保评级：B</span>（可以使用）</p>
                </div>
                <div class="child">
                    <img class="data" src="images/data_image.png">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <P>木地板 - 复合地板</P>
                    <p>单价：128元/㎡</p>
                    <p class="grade"><span>环保评级：B</span>（可以使用）</p>
                </div>
                <div class="child">
                    <img class="data" src="images/data_image.png">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <P>木地板 - 复合地板</P>
                    <p>单价：128元/㎡</p>
                    <p class="grade"><span>环保评级：B</span>（可以使用）</p>
                </div>
                <div class="lastchild">
                    <img class="data" src="images/data_image.png">
                    <p>德尔 &nbsp&nbsp&nbsp&nbsp&nbsp都市系列3001</p>
                    <P>木地板 - 复合地板</P>
                    <p>单价：128元/㎡</p>
                    <p class="grade"><span>环保评级：B</span>（可以使用）</p>
                </div>
            </div>
        </div>
        <div>
            <ul class="pagelist">
                <li class="pg"><a class="pg-a" href="#">上一页</a></li>
                <li class="num" id="one"><a class="pg-a" href="#">1</a></li>
                <li class="num"><a class="pg-a" href="#">2</a></li>
                <li class="num"><a class="pg-a" href="#">3</a></li>
                <li class="num"><a class="pg-a" href="#">4</a></li>
                <li class="num" id="five"><a class="pg-a" href="#">5</a></li>
                <li class="pg"><a class="pg-a" href="#">下一页</a></li>
                <div class="pagebox">共有10页，去第<input class="pgnum" type="text">页</div>
                <li class="submit"><a class="submit-a" href="#">确定</a></li>
            </ul>
        </div>
        <div>
            <img class="small-weixin" src="images/small_weixin.png">
            <div class="contact">
                <h4 class="feedback">建材检测 需求反馈</h4>
                <p>亲爱的用户，我们正在不断的完善和更新建材库，</p>
                <p>若没有找到您想要的材料信息，请将您想测的建材告诉我们。</p>
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="bottom-content">
            <div class="Logo">
                <img class="footerLogo" src="images/footerLogo.png">
                <h5>为室内环境健康把好每一关</h5>
                <p>家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
                <p>和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
            </div>
            <div class="about-us">
                <a class="about" href="#">关于我们</a>
                <a class="about" href="#">联系我们</a>
                <a class="about" href="#">加入我们</a>
            </div>
            <div class="statement">
                <a class="about" href="#">版权说明</a>
                <a class="about" href="#">用户隐私</a>
                <a class="about" href="#">免责申明</a>
            </div>
            <div class="imgs">
                <img class="weixin" src="images/weixin2.png"><br>
                <img class="tianmao" src="images/tianmao.png"><br>
                <img class="shop" src="images/shop.png"><br>
            </div>
            <div class="market">
                <a class="about" href="#"> 官方微信</a>
                <a class="about" href="#">  天猫旗舰店</a>
                <a class="about" href="#">  有赞商城</a>
            </div>
            <HR style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=145,strength=15)" width="100%" color=#ffffff SIZE=1>
            <p class="ltd">深圳建筑科学研究院股份有限公司 &nbsp&nbsp 家居医生网<span class="copyright">粤ICP备08011321号 ©Copyright All Rights Reserved</span></p>
        </div>
    </div>
</body>
</html>